<template>
  <footer>
      <p>{{copyright}}</p>
  </footer>
</template>

<script>
export default {
  name: 'app-footer',
  props:{
    title:{
      type:String
    }
  },
  data(){
      return{
          copyright:"Copyright 2020 Vue Demo"
      }
  }
}
</script>

<style scoped>
footer{
    background: #222;
    padding: 3px;
}
p{
    color: lightgreen;
    text-align: center;
}
</style>
